<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>购物车</title>
  <link rel="stylesheet" href="./css/shopCar.css">
  <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4093219_mfdm905mkvq.css" />
</head>

<body>
  <div class="wrap">
    <header>
      <nav>
        <div class="back">
          <a href="./psnCenter-logined.html"><i class="iconfont icon-xiangzuo"></i></a>
        </div>
        <h2>购物车</h2>
      </nav>
    </header>
    <main>
      <ul class="Uwant">
        <li class="wantItem">
          <div class="check">
            <input type="checkbox" />
          </div>
          <div class="imgBox">
            <img src="./images/shopCar/1.png" alt="" />
          </div>
          <div class="spec">
            <div class="name">幸福守候</div>
            <div class="info">
              <p>数量：<span>x 1</span></p>
              <p>市场价：<span>￥ 299</span></p>
              <p>店铺价：<span>￥ 239</span></p>
            </div>
          </div>
        </li>
        <li class="wantItem">
          <div class="check">
            <input type="checkbox" />
          </div>
          <div class="imgBox">
            <img src="./images/shopCar/2.png" alt="" />
          </div>
          <div class="spec">
            <div class="name">浪漫满屋</div>
            <div class="info">
              <p>数量：<span>x 1</span></p>
              <p>市场价：<span>￥ 299</span></p>
              <p>店铺价：<span>￥ 239</span></p>
            </div>
          </div>
        </li>
        <li class="wantItem">
          <div class="check">
            <input type="checkbox" />
          </div>
          <div class="imgBox">
            <img src="./images/shopCar/3.png" alt="" />
          </div>
          <div class="spec">
            <div class="name">永恒回忆</div>
            <div class="info">
              <p>数量：<span>x 1</span></p>
              <p>市场价：<span>￥ 299</span></p>
              <p>店铺价：<span>￥ 239</span></p>
            </div>
          </div>
        </li>
      </ul>
      <div class="UMLike">
        <div class="title">
          <p>猜你喜欢</p>
        </div>
        <ul class="flowers">
          <li>
            <a href="./details.html">
              <img src="./images/shopCar/3.png" alt="" />
              <h3>永恒回忆</h3>
              <div class="price">
                <h4>￥329</h4>
                <p>销量16022笔</p>
              </div>
            </a>
          </li>
          <li>
            <a href="./details.html">
              <img src="./images/shopCar/2.png" alt="" />
              <h3>浪漫满屋</h3>
              <div class="price">
                <h4>￥229</h4>
                <p>销量17229笔</p>
              </div>
            </a>
          </li>
          <li>
            <a href="./details.html">
              <img src="./images/shopCar/1.png" alt="" />
            <h3>幸福守候</h3>
            <div class="price">
              <h4>￥239</h4>
              <p>销量15632笔</p>
            </div>
            </a>
          </li>
          <li>
            <a href="./details.html">
              <img src="./images/shopCar/4.png" alt="" />
            <h3>缘分天空</h3>
            <div class="price">
              <h4>￥339</h4>
              <p>销量13960笔</p>
            </div>
            </a>
          </li>
          <li>
            <a href="./details.html">
              <img src="./images/shopCar/5.png" alt="" />
            <h3>相濡以沫</h3>
            <div class="price">
              <h4>￥229</h4>
              <p>销量12658笔</p>
            </div>
            </a>
          </li>
          <li>
            <a href="./details.html">
              <img src="./images/shopCar/6.png" alt="" />
            <h3>此生不渝</h3>
            <div class="price">
              <h4>￥168</h4>
              <p>销量16256笔</p>
            </div>
            </a>
          </li>
          <li>
            <a href="./details.html">
              <img src="./images/shopCar/7.png" alt="" />
            <h3>浪漫告白</h3>
            <div class="price">
              <h4>￥329</h4>
              <p>销量19578笔</p>
            </div>
            </a>
          </li>
          <li>
            <a href="./details.html">
              <img src="./images/shopCar/8.png" alt="" />
            <h3>为你心动</h3>
            <div class="price">
              <h4>￥329</h4>
              <p>销量16877笔</p>
            </div>
            </a>
          </li>
          <li>
            <a href="./details.html">
              <img src="./images/shopCar/9.png" alt="" />
            <h3>满天繁星</h3>
            <div class="price">
              <h4>￥299</h4>
              <p>销量14598笔</p>
            </div>
            </a>
          </li>
          <li>
            <a href="./details.html">
              <img src="./images/shopCar/10.png" alt="" />
            <h3>不忘初心</h3>
            <div class="price">
              <h4>￥189</h4>
              <p>销量10548笔</p>
            </div>
            </a>
          </li>
          <li>
            <a href="./details.html">
              <img src="./images/shopCar/11.png" alt="" />
            <h3>情定今生</h3>
            <div class="price">
              <h4>￥699</h4>
              <p>销量13845笔</p>
            </div>
            </a>
          </li>
          <li>
            <a href="./details.html">
              <img src="./images/shopCar/12.png" alt="" />
            <h3>真心真意</h3>
            <div class="price">
              <h4>￥339</h4>
              <p>销量12856笔</p>
            </div>
            </a>
          </li>
          <li>
            <a href="./details.html">
              <img src="./images/shopCar/13.png" alt="" />
            <h3>感恩的心</h3>
            <div class="price">
              <h4>￥159</h4>
              <p>销量13669笔</p>
            </div>
            </a>
          </li>
          <li>
            <a href="./details.html">
              <img src="./images/shopCar/14.png" alt="" />
            <h3>挚爱一生</h3>
            <div class="price">
              <h4>￥189</h4>
              <p>销量9856笔</p>
            </div>
            </a>
          </li>

          <li>
            <a href="./details.html">
              <img src="./images/shopCar/15.png" alt="" />
            <h3>温暖阳光</h3>
            <div class="price">
              <h4>￥269</h4>
              <p>销量12710笔</p>
            </div>
            </a>
          </li>
          <li>
            <a href="./details.html">
              <img src="./images/shopCar/16.png" alt="" />
            <h3>情有独钟</h3>
            <div class="price">
              <h4>￥689</h4>
              <p>销量9877笔</p>
            </div>
            </a>
          </li>
        </ul>
      </div>
      <div class="pay">
        <div class="sum">
          <p>合计： ¥ 0</p>
        </div>
        <div class="gopay">
          <a href="./settle.html"><button>去结算(0)</button></a>
        </div>
      </div>
    </main>
  </div>
</body>

</html>